<!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="_token" content="{{ csrf_token() }}"/>
    <title>优惠券生成管理平台</title>
    <link rel="Shortcut Icon" href="{{asset('admin_assets/img/HB.ico') }}"/>
    <link rel="Bookmark" href="{{asset('admin_assets/img/HB.ico') }}" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="{{asset('admin_assets/css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('admin_assets/css/font-awesome/css/font-awesome.min.css')}}">
    <link rel="stylesheet" href="{{asset('admin_assets/css/AdminLTE.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/bootstrap-social.css')}}">
    <link rel="stylesheet" href="{{asset('css/bootstrap-theme.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/templatemo_style.css')}}">
    <link rel="stylesheet" href="{{asset('css/login.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('css/ladda.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('css/ladda-themeless.min.css')}}">
</head>
<body>
<div class="row" id="particles-js">
    <div class="col-md-6 background">
        <img src="{{asset('admin_assets/img/iplogo.png')}}" style="width: 380px;height: 80px;margin-bottom: 8%">
        <br>
        <form class="form-horizontal templatemo-container templatemo-login-form-1 margin-bottom-30" role="form" action="{{url('Admin/couponsAdmin/doLogin')}}" method="post" enctype="multipart/form-data" onsubmit="return check();">
            {{ csrf_field() }}
            <div class="form-group username">
                <div class="col-xs-12">
                    <div class="control-wrapper">
                        <div id="account-box">
                            <i class="fa fa-user fa-lg" style="color: white;float: left;padding-left: 10px;padding-top: 12px"></i>
                            <input type="text" class="input-mine"  id="account" name="account" placeholder="账户：">
                        </div>
                    </div>
                </div>
            </div>

            <br>
            <div class="form-group">
                <div class="col-md-12">
                    <div class="control-wrapper">
                        <div id="password-box">
                            <i class="fa fa-unlock-alt fa-lg" style="color: white;float: left;padding-left: 10px;padding-top: 12px"></i>
                            <input type="password" class="input-mine"  id="password" name="password" placeholder="密码：">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-12">
                    <div class="checkbox control-wrapper">
                    </div>
                </div>
            </div>
            <div class="form-group bt">
                <div class="col-md-12">
                    <div class="control-wrapper but">
                        <section class="button-demo">
                            <button id="login-btn" class="ladda-button" type="submit"  data-style="zoom-out" style="height: 40px;margin-bottom: 6%;font-size: 14px;padding-top: 8px;;background: #009aff">登录</button>
                        </section>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div id="footer">
        Copyright &copy; 2018 <a href="http://www.hongbung.com" target="_blank">上海宏邦知识产权代理有限公司</a>
    </div>
</div>
</body>
<script src="{{asset('admin_assets/js/jquery.min.js')}}"></script>
<script src="{{asset('admin_assets/js/bootstrap.min.js')}}"></script>
<script src="{{asset('js/particles.js')}}"></script>
<script src="{{asset('js/ip.js')}}"></script>
<script src="{{asset('js/spin.min.js')}}"></script>
<script src="{{asset('js/ladda.min.js')}}"></script>
<script>
    particlesJS('particles-js', {
        particles: {
            color: '#eaffff',
            shape: 'circle',
            opacity: 1,
            size: 2,
            size_random: true,
            nb: 50,
            line_linked: {
                enable_auto: true,
                distance: 100,
                color: '#eafdff',
                opacity: 1,
                width: 2,
                condensed_mode: {
                    enable: false,
                    rotateX: 600,
                    rotateY: 600
                }
            },
            anim: {
                enable: true,
                speed:2
            }
        },
        interactivity: {
            enable: true,
            mouse: {
                distance: 250
            },
            detect_on: 'canvas',
            mode: 'grab',
            line_linked: {
                opacity: .5
            },
            events: {
                onclick: {
                    enable: true,
                    mode: 'push',
                    nb: 4
                }
            }
        },
        retina_detect: true
    });
    function check() {
        var account=$("#account").val();
        var password=$("#password").val();
        var l = Ladda.create( document.querySelector( '.ladda-button' ) );
        if(account.length==0){
            alert('请填写用户名');
            return false;
        }else if(password.length==0){
            alert('请填写密码');
            return false;
        }else{
            l.start();
            return true;
        }
    }
</script>
</body>
</html>
